.page {
  padding: 20rpx;

  .list {
    .item {
      background-color: #fff;
      border-radius: 12rpx;
      padding: 20rpx 30rpx;
      margin-bottom: 20rpx;

      .table {
        .cell {
          line-height: 60rpx;
          display: flex;
          justify-content: space-between;
          font-size: 28rpx;
        }
      }

      .btn {
        margin: 20rpx 0;
        text-align: right;
      }
    }
  }

  .list-empty {
    text-align: center;
    margin-top: 40rpx;

    image {
      height: 180rpx;
      width: 180rpx;
      margin: 0 auto;
      display: block;
    }

    .label {
      width: 550rpx;
      margin: 0 auto;
      text-align: center;
      margin-top: 10rpx;
      color: #9295a8;
    }
  }

  .create-qrcode {
    .body {
      min-height: 50vh;

      .note {
        margin: 50rpx 0;
        text-align: center;
        font-size: 40rpx;
      }

      .times {
        display: flex;
        flex-wrap: wrap;

        .item {
          width: 200rpx;
          height: 100rpx;
          background-color: #eee;
          line-height: 100rpx;
          text-align: center;
          border-radius: 12rpx;
          font-size: 50rpx;
          margin: 0 20rpx;
          margin-bottom: 20rpx;

          &:active {
            color: #fff;
            background-color: #07c160;
          }
        }
      }

      .btn {
        margin-top: 100rpx;
      }
    }
  }
}